import { getToken, setToken, removeToken, setTimeStamp } from '@/utils/auth'
import { login, getUserInfo, getUserDetailById } from '@/api/user'

export default {
  namespaced: true,
  state: {
    token: getToken(), // 将缓存中的token赋值给token
    userInfo: {}
  },
  mutations: {
    updateToken(state, payload) {
      state.token = payload
      setToken(payload)
    },
    removeToken(state) {
      state.token = null
      removeToken()
    },
    // 设置用户信息
    setUserInfo(state, userInfo) {
      state.userInfo = { ...userInfo } // 用 浅拷贝的方式去赋值对象 因为这样数据更新之后，才会触发组件的更新
    },
    // 删除用户信息
    reomveUserInfo(state) {
      state.userInfo = {}
    }

  },
  actions: {
    async login(context, data) {
      const result = await login(data)
      context.commit('updateToken', result)
      // 在登录的时候设置时间戳
      setTimeStamp()
    },

    // 获取用户资料action
    async getUserInfo(context) {
      const result = await getUserInfo() // 获取返回值
      const baseInfo = await getUserDetailById(result.userId) // 为了获取头像
      context.commit('setUserInfo', { ...result, ...baseInfo }) // 将整个的个人信息设置到用户的vuex数据中
      return result // 这里为什么要返回 为后面埋下伏笔
    },
    logout(context) {
      context.commit('removeToken')
      context.commit('reomveUserInfo')
    }
  }
}
